<template>
  <mu-form
    class="order-form"
    :model="validateForm"
    label-position="top"
    label-width="100"
  >
    <BasicFormItem
      v-for="item in formField"
      :key="item.prop"
      :item="item"
      :validateForm="validateForm"
    />
  </mu-form>
</template>

<script>
import BasicFormItem from "@/components/BasicFormItem/index.vue";
import { formField } from "./constants";
export default {
  name: "OrderForm",
  components: {
    BasicFormItem,
  },
  data() {
    return {
      formField,
      validateForm: {},
    };
  },
};
</script>

<style scoped>
.order-form {
  padding: 0 0.5em;
}
</style>
